<!-- 公司故事 -->
<template>
	<view class="multiple-page">
		
		<view class="rich-box">
			<image :src="$IMG_URL+config.head_images" class="head-images"></image>
			<view class="other_cont head-images">
				<scroll-view scroll-x="true" class="other_scr"> 
					<template> 
						<view class="other_item"> 
							<view class="z-index" @click="videoshow(config.company_story_video)"></view>
							<video style="width: 698rpx;height: 423rpx;" 
							:src="$IMG_URL+config.company_story_video" controls="false"></video> 
							<!-- <image :src="imgUrl + item.img" mode=""></image> --> 
						 </view> 
					 </template> 
				 </scroll-view> 
			</view>
			
			<u-parse :html="config.title1" style="margin-top: 20rpx;"></u-parse>
			<u-parse :html="config.title2"></u-parse>
			<u-parse :html="config.title3" style="margin: 30rpx 0 60rpx 0;"></u-parse>
			
			<image class="images" :src="$IMG_URL+item" v-for="(item, index) in config.company_story_images" :key="index"></image>
		</view>
		 
		
		<view style="height: 70rpx;position: fixed;bottom: 0;z-index: 2;width: 100%;"></view>
	</view>
</template>

<script>

import { mapMutations, mapActions, mapState, mapGetters } from 'vuex';
export default {
	components: {
	},
	data() {
		return {
			isEmpty: false,
			tabCur: 'all',
			config: {},
			loadStatus: 'loadmore', //loadmore-加载前的状态，loading-加载中的状态，nomore-没有更多的状态
			currentPage: 1,
			lastPage: 1
		};
	},
	// 是否登录
	computed: {
		...mapGetters(['isLogin', 'authType']),
	},
	onLoad(e){
		let that = this;
		this.getConfig();
	},
	methods: {
		// 检测
		checkActivity(data, type) {
			if (data) {
				return !data.includes(type);
			}
			return true;
		},
		// 路由跳转
		jump(path, parmas) {
			this.showShare = false;
			this.$Router.push({
				path: path,
				query: parmas
			});
		},
		// 回到首页
		goHome() {
			this.$Router.replaceAll('/pages/index/index');
		},

		// 选项卡
		onTab(id) {
			this.tabCurrent = id;
		},
		
		// 组件返回的type;
		changeType(e) {
			this.buyType = e;
		},
		// 组件返回的规格;
		getSkuText(e) {
			this.currentSkuText = e;
		},
		//公司故事
		getConfig() {
			let that = this;
			that.$http('circle.companyStory', {
			}).then(res => {
				if (res.code === 1) {
					that.config = res.data;
				}
			});
		}
	}
};
</script>

<style lang="scss">
.multiple-page{
	min-height: 100%;
	padding-top: 20rpx;
	padding-bottom: 70rpx;
}
.rich-box{
	margin: 30rpx;
}
.head-images{
	width: 698rpx;
	height: 423rpx;
	border-radius: 17rpx;
}
.images{
	width: 698rpx;
	height: 596rpx;
	border-radius: 17rpx;
	margin: 10rpx 0 10rpx 0;
}
</style>
